import React, { Component } from 'react'
import Tabbar from'../common/index'
import './index.less'
import { List } from 'antd-mobile';

const Item = List.Item;
export default class Me extends Component {
  render() {
    return (
      <div className="Meindex">
        <div className="content">
          <div className="header">
            <div className="header-up">
              <div className="header-up-left">
                <img src={require('../../img/签到-头像.png')} alt=""/>
              </div>
              <div className="header-up-right">
                <div>
                  <span>孙立新</span><span><img src={require('../../img/男.png')} alt=""/></span>
                </div>
                <div><span>积分</span><span>0</span></div>
              </div>
            </div>
            <div className="header-down">
              <div>预约教室14</div>
              <div>参与培训0</div>
              <div>上传微课1</div>
            </div>
          </div>
          <List className="list">
            <Item
              thumb={require('../../img/基本信息.png')}
              arrow="horizontal"
              onClick={() => this.props.history.push('/jibenxinxi')}
            >基本信息</Item>
            <Item
              thumb={require('../../img/培训记录.png')}
              onClick={() => this.props.history.push('/baoming')}
              arrow="horizontal"
            >培训记录</Item>
            <Item
              thumb={require('../../img/预约记录.png')}
              arrow="horizontal"
              onClick={() =>  this.props.history.push('/yuyue')}
            >预约记录</Item>
            <Item
              thumb={require('../../img/微课记录.png')}
              onClick={() =>  this.props.history.push('/weikejilu')}
              arrow="horizontal"
            >微课记录</Item>
            <Item
              thumb={require('../../img/咨询记录.png')}
              arrow="horizontal"
              onClick={() =>  this.props.history.push('/zixunjilu')}
            >咨询记录</Item>
            <Item
              thumb={require('../../img/报修记录.png')}
              onClick={() =>  this.props.history.push('/baoxiujilu')}
              arrow="horizontal"
            >报修记录</Item>
          </List>
        </div>
        <Tabbar  {...this.props} />
      </div>
    )
  }
}
